<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>这是li1</li>
        <li>这是li2</li>
        <li>这是li3</li>
        <li>这是li4</li>
        <li>这是li5</li>
    </ul>
    <script>
        // 给每个li添加点击事件,点击时获取当前标签的索引值
        var lis = document.querySelectorAll("li");
        for(let i = 0; i < lis.length; i++){
            // lis[i].index = i;
            lis[i].onclick = function(){
                // console.log(this.index);
                // console.log(i);
            }
        } 
    </script>
    <script>
        // var 声明的变量:以函数function区分作用域,可以重复声明
        // let声明的变量:以{}区分作用域/块级作用域,不可以重复声明,没有声明提升
        // const声明的变量：值不可变,在同一作用域只能赋值一次

        const num = 10;
        // console.log(num); // 10

        num = 20;
        // console.log(num);  // 20

        function  fun () {
            console.log(str); //underfind
            var str = "aaa"
        }
        console.log(str); //

        if(num > 10) {
            // console.log(arr);
            let arr = [1, 2, 3];
            // console.log(arr);
        }
        // console.log(arr);
    </script>
</body>
</html>